<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <title>WeChat</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/container.css">
    <link rel="stylesheet" href="./css/content.css">
    <link rel="stylesheet" href="./css/menu.css">
    <link rel="stylesheet" href="./css/sign.css">
    <link rel="stylesheet" href="./css/title.css">
</head>

<body>
    <script type="text/javascript">
        function time() {
            var date = new Date();
            hours = date.getHours();
            minutes = date.getMinutes();
            document.getElementById("time").innerHTML = hours + ":" + minutes;
        };
        setInterval("time()", 1000);
    </script>
    <div id="container">
        <div id="sign">
            <div id="signleft">
                <span>中国移动</span>
                &nbsp;
                <span><img src="img/信号.svg"></span>
            </div>
            <div id="signright">
                <img src="img/电池.svg" alt="">
                &nbsp;
                <img src="img/WI-FI.svg" alt="">
                &nbsp;
                <span id="time"></span>
                &nbsp;&nbsp;&nbsp;
            </div>
        </div>
        <div id="title">
            <div id="titleleft">&nbsp;微信(120)</div>
            <div id="titleright">
                <img src="img/放大镜.svg" alt="">
                &nbsp;
                <img src="img/加号.svg" alt="">
                &nbsp;
            </div>
        </div>
        <div id="content">
            <div class="contents">
                <div id="contentleft">
                    <div class="borderradius"> <img src="img/陈冠希.jpg" alt=""></div>
                </div>
                <div id="contentmiddle">
                    <div id="contentmiddletop">
                        <span id="cmtspan">陈冠希</span>
                    </div>
                    <div id="contentmiddlebottom">
                        <span id="cmtspan2">我是陈冠希</span>
                    </div>
                </div>
                <div id="contentright">
                    <span id="crspan"> 下午17:05</span>
                </div>
            </div>
            
            <div class="contents">
                <div id="contentleft">
                    <div class="borderradius"> <img src="img/陈冠希.jpg" alt=""></div>
                </div>
                <div id="contentmiddle">
                    <div id="contentmiddletop">
                        <span id="cmtspan">陈冠希</span>
                    </div>
                    <div id="contentmiddlebottom">
                        <span id="cmtspan2">我现在在LA</span>
                    </div>
                </div>
                <div id="contentright">
                    <span id="crspan"> 下午17:05</span>
                </div>
            </div>

            <div class="contents">
                <div id="contentleft">
                    <div class="borderradius"> <img src="img/陈冠希.jpg" alt=""></div>
                </div>
                <div id="contentmiddle">
                    <div id="contentmiddletop">
                        <span id="cmtspan">陈冠希</span>
                    </div>
                    <div id="contentmiddlebottom">
                        <span id="cmtspan2">遇到一帮很坏很坏的人</span>
                    </div>
                </div>
                <div id="contentright">
                    <span id="crspan"> 下午17:05</span>
                </div>
            </div>

            <div class="contents">
                <div id="contentleft">
                    <div class="borderradius"> <img src="img/陈冠希.jpg" alt=""></div>
                </div>
                <div id="contentmiddle">
                    <div id="contentmiddletop">
                        <span id="cmtspan">陈冠希</span>
                    </div>
                    <div id="contentmiddlebottom">
                        <span id="cmtspan2">我现在需要你的帮助</span>
                    </div>
                </div>
                <div id="contentright">
                    <span id="crspan"> 下午17:05</span>
                </div>
            </div>

            <div class="contents">
                <div id="contentleft">
                    <div class="borderradius"> <img src="img/陈冠希.jpg" alt=""></div>
                </div>
                <div id="contentmiddle">
                    <div id="contentmiddletop">
                        <span id="cmtspan">陈冠希</span>
                    </div>
                    <div id="contentmiddlebottom">
                        <span id="cmtspan2">微信转账300块</span>
                    </div>
                </div>
                <div id="contentright">
                    <span id="crspan"> 下午17:05</span>
                </div>
            </div>

            <div class="contents">
                <div id="contentleft">
                    <div class="borderradius"> <img src="img/陈冠希.jpg" alt=""></div>
                </div>
                <div id="contentmiddle">
                    <div id="contentmiddletop">
                        <span id="cmtspan">陈冠希</span>
                    </div>
                    <div id="contentmiddlebottom">
                        <span id="cmtspan2">你懂我意思么</span>
                    </div>
                </div>
                <div id="contentright">
                    <span id="crspan"> 下午17:05</span>
                </div>
            </div>

            <div class="contents">
                <div id="contentleft">
                    <div class="borderradius"> <img src="img/陈冠希.jpg" alt=""></div>
                </div>
                <div id="contentmiddle">
                    <div id="contentmiddletop">
                        <span id="cmtspan">陈冠希</span>
                    </div>
                    <div id="contentmiddlebottom">
                        <span id="cmtspan2">向你敬礼，salute</span>
                    </div>
                </div>
                <div id="contentright">
                    <span id="crspan"> 下午17:05</span>
                </div>
            </div>
        </div>
        <div id="menu">
            <div class="menus">
                <a href="index.html">
                <div id="menustop">
                    <img src="./img/微信.svg" alt="">
                </div>
                <div id="menusbottom">
                    微信
                </div>
            </a>
            </div>

            <div class="menus">
                <a href="address_book.html">
                <div id="menustop">
                    <img src="./img/通讯录.svg" alt="">
                </div>
                <div id="menusbottom">
                    通讯录
                </div>
                </a>
            </div>

            <div class="menus">
                <a href="found.html">
                <div id="menustop">
                    <img src="./img/发现.svg" alt="">
                </div>
                <div id="menusbottom">
                    发现
                </div>
                </a>
            </div>

            <div class="menus">
                <a href="me.html">
                <div id="menustop">
                    <img src="./img/我.svg" alt="">
                </div>
                <div id="menusbottom">
                    我
                </div>
                </a>
            </div>
        </div>
    </div>

</body>

</html>